<template>
    <div class="workbeanch-resource">
        <!-- 左侧导航条 -->
       <dbant-navbar direction="vertical" :to="$refs.mrl" ref="mnl" :spliter="true">
            <dbant-navbar-item key="1" title="数据库" icon="CATALOG">
                <dbant-resizer :max="750" :min="270" direction='x'>
                     <component :is="catalog"></component>
                </dbant-resizer>
            </dbant-navbar-item>
        </dbant-navbar>
    </div>
</template>
<script setup>
import { ref, nextTick, onMounted, provide } from 'vue'
import catalog from "./resource/catalog.vue"
const resources = [{ type: 'catalog', title: '数据库', icon: 'CATALOG' }];
const nextRender = ref(false)
nextTick(() => nextRender.value = true)
</script>

<style lang="scss" scoped >
.workbeanch-resource {
    height: 100%;
}
</style>